@media (max-width: 1699.98px) {
	.h-prev{
		left: 15px;
	}
	.h-next{
		right: 15px;
	}

}


@media (max-width: 1599.98px) {
	header .main-menu ul li>a{
		padding: 10px 15px;
	}

}

@media (max-width: 1499.98px) {
	header .main-menu ul li+li{
		margin-left: 0px;
	}


}

@media (max-width: 1399.98px) {
	header .main-menu ul li>a{
		padding: 10px 15px;
	}

	header.main-header .d3{
		display: none;
	}
}

@media (max-width: 1299.98px){
	.hx-items .div-text font{
		font-size: 45px;
		bottom: 15px;
	}
	.hx-items .title .p2{
		font-size: 20px;
	}
	.hx-items .title .p1{
		font-size: 18px;
	}
	.h-prev{
		left: 15px;
	}
	.h-next{
		right: 15px;
	}
}


@media (max-width: 1199.98px) { 
	.banner-section .main{
		padding: 200px 0;
	}

	header .main-menu ul li+li{
		margin-left: 5px;
	}

	.menu-button {
		position: absolute;
	    top: 85px;
	    right: 15px;
	    padding: 5px;
	    cursor: pointer;
	    -webkit-transition: .3s;
	    transition: .3s;
	    background-color: #c1272d;
	}

	.menu-button .bar:nth-of-type(1) {
		margin-top: 0px;
	}

	.menu-button .bar:nth-of-type(3) {
		margin-bottom: 0px;
	}

	.bar {
		position: relative;
	    display: block;
	    width: 30px;
	    height: 3px;
	    margin: 5px auto;
		background-color: #fff;
		border-radius: 10px;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.menu-button:hover .bar:nth-of-type(1) {
		-webkit-transform: translateY(1.5px) rotate(-4.5deg);
		-ms-transform: translateY(1.5px) rotate(-4.5deg);
		transform: translateY(1.5px) rotate(-4.5deg);
	}
	.menu-button:hover .bar:nth-of-type(2) {
		opacity: .9;
	}
	.menu-button:hover .bar:nth-of-type(3) {
		-webkit-transform: translateY(-1.5px) rotate(4.5deg);
		-ms-transform: translateY(-1.5px) rotate(4.5deg);
		transform: translateY(-1.5px) rotate(4.5deg);
	}

	.cross .bar:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		-ms-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	.cross .bar:nth-of-type(2) {
		opacity: 0;
	}
	.cross .bar:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		-ms-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}
	.cross:hover .bar:nth-of-type(1) {
		-webkit-transform: translateY(8.5px) rotate(-40.5deg);
		-ms-transform: translateY(8.5px) rotate(-40.5deg);
		transform: translateY(8.5px) rotate(-40.5deg);
	}
	.cross:hover .bar:nth-of-type(2) {
		opacity: .1;
	}
	.cross:hover .bar:nth-of-type(3) {
		-webkit-transform: translateY(-8.5px) rotate(40.5deg);
		-ms-transform: translateY(-8.5px) rotate(40.5deg);
		transform: translateY(-8.5px) rotate(40.5deg);
	}
	.menu-cover{
		position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 120%;
	    background: rgba(0,0,0,.6);
	    display: none;
	    z-index: 1;
	}
	.header-fixed{
		position: unset!important;
	}
	.menu-cover .cross .menu-button{
		right: 25px;
	}
	.m-menus {
		position: fixed;
		z-index: 999;
		width: 65%;
		height: 100%;
		background-color: #191919;
	    border-color: #191919;
	    top: 0;
	    left: -100%;
	}
	.m-menus li{
		display: block;
		width: 100%;
	    position: relative;
	    border-top: 1px solid rgba(255,255,255,.03);
	    padding: 10px 0;
	}
	.m-menus li a{
		color: #a6a6a6;
	}
	.m-menus .navbar{
		margin-top: 25px;
	}
	.m-menus .dropdown-menu{
		background-color: unset;
	}


	.m-menus .d3{
		color: #bf1b1b;
		font-size: 20px;
		margin-bottom: 25px;
	}


	.m-menus .d3 img{
		margin-right: 15px;
		max-width: 35px;
	}

	.m-menus .language{
		margin: 15px;
	}

	.m-menus .language a{
		display: inline-block;
	    color: #fff;
	    border: 1px solid #fff;
	    padding: 3px 5px;
	    border-radius: 3px;
	}

	.m-menus .language a+a{
		margin-left: 15px;
	}

	.main-footer .copyright{
		border-top: unset;
		margin-top: 0;
	}


}


@media (max-width: 991.98px) { 

	.news-section .title h2{
		font-size: 26px;
	}
	.news-section .rec-news h3{
		font-size: 20px;
	}

	.accordion .card button{
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box!important;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		background-position: calc(100% - 5px) center;
	}
	.about-section .text h2{
		font-size: 24px;
	}

	.about-section .text .en-title{
		font-size: 16px;
	}

	.case-section .main .lists{
		margin-top: 0;
    	margin-bottom: 25px;
	}

	.case-section .main .lists a{
		color: #262626;
		font-size: 16px;
	}

	.case-section .main .lists ul li{
		padding: 15px 15px;
	}

	.case-section .main a.active{
		color: #bf1b1b;
	}

	.cooperate-section .item-left{
	  background-image: url(../images/product/tri.png);
	}

	.cooperate-section .item-right{
	  background-image: url(../images/product/tri.png);
	}

	.product-detail .contact{
		position: unset;
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.product-detail .text h2{
		margin-top: 25px;
	}

	.main-footer{
		padding: 25px 0;
	}

	.main-footer .copyright{
		padding-top: 0;
	}

	.client-section .div-text .d1{
		font-size: 30px;
	}

	.client-section .div-text .d2{
		max-width: 260px;
		margin: auto;
	}

	.client-section .div-text .d3 span{
		font-size: 16px;
		letter-spacing: 2px;
	}
	.menu-button {
      top: 40px;
	}

	.gonggao-section .main .item .title{
  		margin-bottom: 15px;
	}


}



@media (max-width: 767.98px) { 
	
	header .d1{
		margin: 0 30px 0 15px;
	}
	.about-section .text h2{
		font-size: 20px;
	}
	.about-section .text .en-title{
		font-size: 12px;
	}
	.case-section .main .lists ul li{
		width: unset;
	}

	.product-cate .item .text{
		font-size: 18px;
	}

	.product-cate .item .text span i{
		top: 15px;
	}

	.cases-m-cates .item a{
		padding: unset;
	}



	.product-lists .item .readMore a{
		padding: 8px 15px;
	}

	.product-lists .item .des{
		display: none!important;
	}

	.cases-m-cates ul li{
		width: 25%;
	}

	.touzi-cate .item{
		display: inline-block;
	}

	.gaikuang-section th{
		min-width: 120px;
	}



	.bread-block ul li a{
		padding: 15px;
	}

	.pagetitle .text span{
		font-size: 20px;
	}

	.comm-title strong{
		font-size: 20px;
	}

	.client-section .div-text .d1{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.client-section .div-text .d2{
		max-width: 80px;
	}

	.client-section .div-text .d3 span{
		font-size: 12px;
		margin-top: 10px;
	}

 }


@media (max-width: 575.98px) { 

	
 }
